<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; utf-8">
<title>安全设置</title>
<%@ include file="../../static/top.jsp"%>
<link href="/web/res/css/amazeui.min.css" rel="stylesheet">
<link href="/web/res/css/amazeui.cropper.css" rel="stylesheet">
<link href="/web/res/css/custom_up_img.css" rel="stylesheet">
<link href="http://www.jq22.com/jquery/font-awesome.4.6.0.css" type="text/css" rel="stylesheet" >
</head>
<body class="sticky-header">

	<section> <!-- left side start--> <%@ include
		file="../../static/menu.jsp"%> <!-- left side end-->

	<!-- main content start-->
	<div class="main-content">

		<!-- header section start-->


		<%@ include file="../../static/header.jsp"%>

		<div class="wrapper">
					<div class="row">
						<div class="col-md-12">
							<div class="panel panel-default" >
								<div class="panel-heading">个人账户</div>
								<div class="panel-body" >
								
							<div class="col-md-12">
						<div class="col-md-4"></div>
						<div class="col-md-4">
							<div class="col-md-12">
								<div class="panel" style="border:1px solid #ddd">
									<div class="panel-body">
											<div class="profile-pic text-center" id="up-img-touch">
												<img id = "img1" class="am-circle" alt="点击图片上传" src="/web/res/images/photos/user-avatar.png"
													data-am-popover="{content: '点击上传', trigger: 'hover focus'}">
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="panel" style="border:1px solid #ddd">
									<div class="panel-body" >
										<ul class="p-info">
											<li>
												<div class="title">
													<font><font >用户名：</font></font>
												</div>
												<div class="desk">
													<font><font class="update" id="username" data-am-popover="{content: '点击修改', trigger: 'hover focus'}">small
															Tom</font></font>
												</div>
											</li>
											<li>
												<div class="title">
													<font><font>地区：</font></font>
												</div>
												<div class="desk">
													<font><font class="update" id="address" data-am-popover="{content: '点击修改', trigger: 'hover focus'}">ABC公司</font></font>
												</div>
											</li>
											<li>
												<div class="title">
													<font><font>所属行业：</font></font>
												</div>
												<div class="desk">
													<font><font class="update" id="business" data-am-popover="{content: '点击修改', trigger: 'hover focus'}">教育VIP</font></font>
												</div>
											</li>
											<li>
												<div class="panel-body">
													<div style="text-align: right" id="update" ><a  class='btn btn-success'>修改</a></div>
													<!-- Modal -->
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4"></div>
					</div>
								
								</div>
							</div>
						</div>
					</div>
					

			<div class="am-modal am-modal-no-btn up-modal-frame" tabindex="-1" id="up-modal-frame">
					<div class="am-modal-dialog up-frame-parent up-frame-radius">
						<div class="am-modal-hd up-frame-header">
							<label>修改头像</label> <a href="javascript: void(0)"
								class="am-close am-close-spin" data-am-modal-close>&times;</a>
						</div>
						<div class="am-modal-bd  up-frame-body">
						<form enctype="multipart/form-data">
							<div class="am-g am-fl">

								<div class="am-form-group am-form-file">
									<div class="am-fl">
										<button type="button" class="am-btn am-btn-default am-btn-sm">
											<i class="am-icon-cloud-upload"></i> 选择要上传的文件
										</button>
									</div>
									<!-- <input type="file" id="fileId" class="up-img-file" name="file"> -->
								</div>
							</div>
							<div class="am-g am-fl">
								<div class="up-pre-before up-frame-radius">
									<img alt="" src="" class="up-img-show" id="up-img-show">
								</div>
								<div class="up-pre-after up-frame-radius"></div>
							</div>
							<div class="am-g am-fl">
								<div class="up-control-btns">
									<span class="am-icon-rotate-left" id="up-btn-left"></span> 
									<span class="am-icon-rotate-right" id="up-btn-right"></span> 
									<span class="am-icon-check up-btn-ok" url="/admin/user/upload.action" parameter="{width:'100',height:'100'}"> </span>
								</div>
							</div>
							</form>
						</div>
					</div>
					
				</div>

				<!--加载框-->
				<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1"
					id="up-modal-loading">
					<div class="am-modal-dialog">
						<div class="am-modal-hd">正在上传...</div>
						<div class="am-modal-bd">
							<span class="am-icon-spinner am-icon-spin"></span>
						</div>
					</div>
				</div>

				<!--警告框-->
				<div class="am-modal am-modal-alert" tabindex="-1"
					id="up-modal-alert">
					<div class="am-modal-dialog">
						<div class="am-modal-hd">信息</div>
						<div class="am-modal-bd" id="alert_content">成功了</div>
						<div class="am-modal-footer">
							<span class="am-modal-btn">确定</span>
						</div>
					</div>
				</div>
		</div>
		<!--body wrapper end-->


		<!--footer section start-->
		<%@ include file="../../static/footer.jsp"%>
	
		<!--footer section end-->
		<script src="/web/res/js/ajaxfileupload.js"></script>
		<script src="/web/res/js/cropper.min.js" charset="utf-8"></script>
	    <script src="/web/my/settings/account.js" charset="utf-8"></script>
		
		<!-- 		<script src="/web/res/js/custom_up_img.js" charset="utf-8"></script>
			<script src="https://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.min.js"></script>
		
		 -->
	</div>
	<!-- main content end--> </section>
	<div class="modal fade" id="updateUserInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h5 class="modal-title" id="myModalLabel">修改个人信息</h5>
            </div>
            <div class="modal-body">
                <form role="form">

                    <div class="form-group">
                        <label for="name">用户名：</label>
                        <input id="username" type="text" class="form-control" maxlength="50" placeholder="请输入名称">
                    </div>
                    <div class="form-group">
                        <label for="inputfile">地区</label>
                        <input id="address" type="text" class="form-control" maxlength="50" placeholder="请输入名称">
                    </div>
                    <div class="form-group">
                        <label for="inputfile">所属行业</label>
                        <select id="business" class="form-control">
                            <option value="code">医疗</option>
                            <option value="topic">IT</option>
                            <option value="chat">材料</option>
                            <option value="group">汽修</option>
                        </select>
                    </div>
                    <div class="form-group" style="height:30px">
                        <div class="col-md-2">
                            <label for="inputfile">项目图片</label>
                        </div>

                        <div class="col-md-6">
                            <input type="file" id="fileId" class="form-control" name="file">
                        </div>
                        <div class="col-md-4">
                            <input type="button" id="fileSaveBtn" class="form-control" value="上传">
                        </div>
                    </div>
                    <div class="form-group">
                        <img id="img1" style="margin-top: 20px; width: 200px; height: 100px;" alt="上传成功啦" class="form-control" src="http://bds-wx-img.oss-cn-beijing.aliyuncs.com/08bb6096492c41108d6b006b8e2c6015.jpg">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="saveProjectBtn" type="button" class="btn btn-primary">提交</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal -->
</div>

</body>
</html>
